<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="../css/puke.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_934614_tlzis6a9ull.css
"/>
    <script src="../js/base.min.js"></script>
    <title>扑克牌</title>
</head>
<body>
<!--扑克A-->
<div class="poker A" flex="main:center cross:center" >
<span class="zs">A<br>♠</span>
    <i class="iconfont icon-shixintaoxin fan"></i>
    <span class="yx">A<br>♠</span>
</div>


<!--扑克2-->
<div class="poker two" flex="main:justify cross:center dir:top" >
<span class="zs">2<br>♠</span>
    <div flex="main:center cross:center">
        <i class="iconfont icon-shixintaoxin fan"></i>
    </div>


    <div flex="main:center cross:center">
        <i class="iconfont icon-shixintaoxin"></i>
    </div>


    <span class="yx">2<br>♠</span>
</div>




<!--扑克3-->
<div class="poker three" flex="main:justify cross:center dir:top" >
    <span class="zs">3<br>♠</span>
    <div flex="main:center cross:center">
        <i class="iconfont icon-shixintaoxin fan"></i>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-shixintaoxin fan"></i>
    </div>


    <div flex="main:center cross:center">
        <i class="iconfont icon-shixintaoxin"></i>
    </div>




    <span class="yx">3<br>♠</span>
</div>





<!--扑克4-->
<div class="poker four" flex="main:justify dir:top cross:center" >

<span class="zs">4<br>♠</span>

    <div flex="main:justify cross:top">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin fan"></i>
    </div>

    <div flex="main:justify cross:bottom">
        <i class="iconfont icon-shixintaoxin"></i>
        <i class="iconfont icon-shixintaoxin"></i>
    </div>

 <span class="yx">4<br>♠</span>

</div>






<!--扑克5-->
<div class="poker five" flex="main:justify dir:top cross:center" >

<span class="zs">5<br>♠</span>

    <div flex="main:justify cross:top">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin fan"></i>
    </div>

    <div flex="main:center cross:center">
        <i class="iconfont icon-shixintaoxin fan"></i>
    </div>

    <div flex="main:justify cross:bottom">
        <i class="iconfont icon-shixintaoxin"></i>
        <i class="iconfont icon-shixintaoxin"></i>
    </div>
 <span class="yx">5<br>♠</span>

</div>




<!--扑克6-->
<div class="poker six" flex="main:justify dir:top cross:center" >
    <span class="zs">6<br>♠</span>
    <div flex="main:justify cross:top">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin fan"></i>
    </div>
    <div flex="main:justify cross:center">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin fan"></i>
    </div>


    <div flex="main:justify cross:bottom">
        <i class="iconfont icon-shixintaoxin"></i>
        <i class="iconfont icon-shixintaoxin"></i>
    </div>
    <span class="yx">6<br>♠</span>
</div>




<!--扑克7-->
<div class="poker seven" flex="main:justify cross:top" >
    <span class="zs">7<br>♠</span>
    <div flex="main:justify dir:top cross:center">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin"></i>
    </div>

    <div flex="main:center cross:center" style="height: 50%;">
        <i class="iconfont icon-shixintaoxin fan"></i>
    </div>

    <div flex="main:justify  dir:top cross:center"class="up1">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin"></i>
    </div>

    <span class="yx">7<br>♠</span>
</div>







<!--扑克8-->
<div class="poker eight" flex="main:justify cross:center">

    <span class="zs">8<br>♠</span>

        <div flex="main:justify cross:center dir:top">
            <i class="iconfont icon-shixintaoxin fan"></i>
            <i class="iconfont icon-shixintaoxin fan"></i>
            <i class="iconfont icon-shixintaoxin"></i>
        </div>


        <div flex="main:justify dir:top" style="height: 36vw;">
            <i class="iconfont icon-shixintaoxin fan"></i>
            <i class="iconfont icon-shixintaoxin"></i>
        </div>


    <div flex="main:justify cross:center dir:top">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin"></i>
    </div>
    <span class="yx">8<br>♠</span>
</div>








<!--扑克9-->
<div class="poker nine" flex="main:justify cross:center">
    <span class="zs">9<br>♠</span>
    <div flex="main:justify cross:center dir:top">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin"></i>
        <i class="iconfont icon-shixintaoxin"></i>
    </div>


    <div flex="main:center dir:top">
        <i class="iconfont icon-shixintaoxin fan"></i>
    </div>


    <div flex="main:justify cross:center dir:top">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin"></i>
        <i class="iconfont icon-shixintaoxin"></i>
    </div>
    <span class="yx">9<br>♠</span>
</div>



<!--扑克10-->
<div class="poker ten" flex="main:justify cross:center">
    <span class="zs">10<br>♠</span>
    <div flex="main:justify cross:center dir:top">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin"></i>
        <i class="iconfont icon-shixintaoxin"></i>
    </div>


    <div flex="main:justify dir:top"style="height: 36vw;">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin"></i>
    </div>


    <div flex="main:justify cross:center dir:top">
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin fan"></i>
        <i class="iconfont icon-shixintaoxin"></i>
        <i class="iconfont icon-shixintaoxin"></i>
    </div>
    <span class="yx">10<br>♠</span>
</div>




</body>
</html>